<template>
	<view class="audio bg-white" :style="{ marginTop: source.margin + 'px', marginBottom: source.margin2 + 'px' }">
		<audio id="myAudio" class="margin-xs" :src="source.video_src" author="网络歌曲" poster="/static/music.png" :name="source.placeholder" controls></audio>
	</view>
</template>

<script>
	export default {
		props: {
			source: [Object]
		}
	}
</script>

<style lang="less">
@import '../../../common/styles/variables.less';
.audio {
	audio {
		width: 100%;
		display: block;
		.uni-audio-default {
			width: 100%;
		}
	}
}
</style>